$baseRem: 75;

/*@function double($n) {
  　　　　@return $n / $baseRem;　　}*/

@function rpxToRem($args) {
@return ($args/$baseRem) * 1rem;
}
.version-wrap { margin-left: rpxToRem(7.81); margin-top: rpxToRem(3.81); width: rpxToRem(132.81); font-size: 14px; }
.login::-webkit-scrollbar {
  display: none;
}
.login{
  background: url("../../assets/images/login/bg.jpg") no-repeat;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  overflow: scroll;
  display: flex;
  //padding-top: rpxToRem(35.16);
  //padding-bottom: rpxToRem(35.16);
  padding-right: rpxToRem(44.92);
  align-items: center;
  justify-content: space-between;
  &-logo{
    position: absolute;
    top: rpxToRem(35.1);
    left: rpxToRem(35.1);
    display: flex;
    img{
      width: rpxToRem(83.59);
      height: rpxToRem(29.69);
    }
  }
  &-banner{
    display: flex;
    align-items: center;
    margin-left: rpxToRem(56.64);
    img{
      width: rpxToRem(421.88);
      height: rpxToRem(307.81);
    }
  }
  &-swiper{
    width: 405px;
    height: 294px;
    img{
      width: 405px;
      height: 294px;
    }
  }
  &-form{
    width: rpxToRem(195);
    height: rpxToRem(352);
    background: #FFFFFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25);
    border-radius: rpxToRem(3);
    padding: rpxToRem(50.78) 0 rpxToRem(36.72);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    &-title{
      font-size: rpxToRem(12);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.65);
      line-height: rpxToRem(16);
    }
    &-line{
      width: rpxToRem(75);
      margin-top: rpxToRem(1.56);
      height: rpxToRem(2);
      background: #1E6FFF;
      border-radius: rpxToRem(1);
      margin-bottom: rpxToRem(31.25);
    }
    &-section{
      display: flex;
      align-items: center;
      width: rpxToRem(133);
      margin-bottom: rpxToRem(12.5);
      border-bottom: rpxToRem(1) solid rgba(0, 0, 0, 0.06);
      padding: rpxToRem(6.68) 0;
      .section-icon{
        display: flex;
        img{
          color: red;
          width: rpxToRem(11.72);
          height: rpxToRem(11.72);
        }
      }
      .section-input{
        margin-left: rpxToRem(7.81);
        height: 100%;
        flex: 1;
        display: flex;
        align-items: center;
        input{
          height: 100%;
          width: 100%;
          border: none;
          font-size: rpxToRem(8);
        }
      }
      .section-right{
        display: flex;
        img{
          width: rpxToRem(10.85);
          height: rpxToRem(10.85);
        }
      }
    }
    &-submit{
      margin-top: rpxToRem(28.91);
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: rpxToRem(132.81);
      height: rpxToRem(31.25);
      background: #1990FF;
      border-radius: rpxToRem(2);
      .submit-label{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: rpxToRem(12);
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        z-index: 2;
      }
      .submit-filter{
        position: absolute;
        top: rpxToRem(4.5);
        left: rpxToRem(3.25);
        width: rpxToRem(128);
        height: rpxToRem(29);
        background: rgba(25, 144, 255, 0.53);
        border-radius: rpxToRem(1);
        filter: blur(rpxToRem(8));
      }
    }
    &-qrcode{
      margin-top: rpxToRem(30.09);
      display: flex;
      img{
        width: rpxToRem(54.69);
        height: rpxToRem(54.69);
      }
    }
    &-setter{
      position: absolute;
      right: 10px;
      top: 0;
    }
  }
}

input{
  background:none;
  outline:none;
  border:0;
}

 input[type="text"]:focus,
 input[type="password"]:focus {
   border: none;
   background: #fff;
   outline: none;
 }
